.container {
    width: 500px;
    height: 300px;
    border: 2px solid black;
    box-shadow: 10px 10px 5px #888888;
    background: url("background.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform: scale(0.5, 0.5);
    padding: 10px;
    background-origin: padding-box;
    transition: transform 2s;

}

.container:hover {
    transform: scale(1, 1);
    animation: changecolor 5s;
}

.brief {
    margin: 20px;
    padding-bottom: 20px;
    display: flex;
    border-bottom: 1px solid black;
}

.desc {
    padding: 10px 20px;
    column-count:2;
    color: white;
}

img {
    display: inline-block;
    width: 100px;
    height: 100px;
    border: 1px solid transparent;
    border-radius: 100px;
}

p {
    margin: 0;
    display: inline-block;
    padding: 20px 30px 20px 200px;
    font-size: 30px;
    text-shadow: 5px 5px 2px #888888;
    color: white;
}

@keyframes changecolor {
    0% {background: red;}
    25% {background: orange;}
    50% {background: yellow;}
    75% {background: green;}
    100% {background: blue;}
}